{extend name="public/layout"}
{block name="title"}我要捐赠{/block}
{block name="head"}
<style>
    html, body {
        background-color: #f6f6f6;
    }

    .panels {
        text-align: center;
    }

    .panels > .panel {
        display: inline-block;
        margin-top: 0.2rem;
        width: 6.90rem;
        height: 3.98rem;
        padding-left: 0.384rem;
        padding-right: 0.384rem;
        background: url('/images/zhengshu.png') no-repeat center center;
        background-size: cover;
        text-align: left;
        position: relative;
        padding-top: 0.4rem;
    }

    .panel b {
        font-size: 1.0272000000000001rem;
    }

    .panel .title {
        font-size: 0.4416rem;
        font-weight: bold;
        text-align: center;
        padding: 0.4rem 0;
        color:#ef4e4d;
    }

    .panel .title2 {
        text-align: center;
        color:#4c4c4c;
        font-size: 0.26880000000000004rem;
    }

    .small {
        padding-top: 0.384rem;
        font-size: 0.2112rem;
        text-align: center;
        color:#333;
    }

    .time {
        padding-right: 0.15rem;
        padding-top: 0.2rem;
    }

    .panel img {
        position: absolute;
        right: 0.4rem;
        bottom: 0.34rem;
        width: 1.0080000000000002rem;
    }
</style>
{/block}
{block name="content"}
<div class="panels" id="list">
    {volist name="m" id="vo"}
    <div class="panel">
        <div class="flex">
            <div class="flex-con">
                <div class="title">爱心证书</div>
                <div class="title2">您已经成功捐助{$vo.money}元</div>
            </div>
        </div>
        <div class="small text-gray">您的爱心我们已经收到，感谢您对公益事业的支持</div>
        <div class="time h5 text-right text-gray">
            {$vo.create_time}
        </div>
        <img src="/images/zhang.png" alt="">
    </div>
    {/volist}

</div>


<script type="text/html" id="template">
    {{#for(var i=0,len=d.data.length; i < len ; i++){}}
    <div class="panel">
        <div class="flex text-primary">
            <div class="flex-con">
                <div class="title">爱心证书</div>
                <div class="title2">您已经成功捐助{{d.data[i].money}}元</div>
            </div>
        </div>
        <div class="small text-gray">您的爱心我们已经收到，感谢您对公益事业的支持</div>
        <div class="time h5 text-right text-gray">
            {{d.data[i].create_time}}
        </div>
        <img src="/images/zhang.png" alt="">
    </div>
    {{#}}}
</script>
{:_js('js/loader.js')}
{:_js('static/laytpl/laytpl.js')}
<script>
    Loader.m1('list','template');
</script>

{/block}


